<div class="layui-form" lay-filter="layuiadmin-form-tags" id="layuiadmin-app-form-tags">
  <div class="title-top1">
  	<img id="wechat_avatar1" src=""/>
  	<span id="wechat_nickname"></span>
		<div class="is_official_account" id="wechat_nickname1"></div>
		<div style="margin-left: 100px;display: none" class="is_official_account" id="blacklistUser">是黑名单用户</div>
		<div style="float: right;background: #ccc" class="is_official_account" id="blacklist"></div>
  </div>
  <div class="title-content">
  	<p>创建时间: <span id="created_at"></span></p>
    <p>当前账户余额: ￥<span id="account"></span></p>
    <p>已累计提现金额: ￥<span id="get_money"></span></p>
    <p>邀请好友总数: <span id="recommend_users_total"></span>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;邀请的好友成功下单人数： <span id="recommend_users_success"></span></p>
  </div>
  <div class="line"></div>
  <div class="title-content1">
  	<p style="float: left;margin-right: 20px;width: 300px;">买书订单： <span id="buy_orders_num"></span>次 （买了<span id="buy_books_num"></span>本书）</p>
  <!--	<div class="is_official_account is_official_account1" >查看TA的买书订单</div>-->
  	<button id="order_books" class="layui-btn layui-btn-primary  layui-btn-sm">查看TA的买书订单</button>
  </div>
  <div class="title-content1">
  	<p style="float: left;margin-right: 20px;width: 400px;">卖书订单： <span id="sell_orders_num"></span>次 （卖了<span id="sell_books_num1"></span>本书,共 <span id="sell_books_num2"></span>本未通过审核）</p>
  	<!--<div class="is_official_account is_official_account1">查看TA的卖书订单</div>-->
  	<button id="order_books1" class="layui-btn layui-btn-primary  layui-btn-sm">查看TA的卖书订单</button>
  </div>
  <div class="title-content1">
  	<p style="float: left;margin-right: 20px;width: 300px;">退回订单： <span id="back_orders_num"></span>次 （共申请退回了<span id="back_books_num"></span>本书）</p>
  	<!--<div class="is_official_account is_official_account1">查看TA的退回订单</div>-->
  	<button id="order_books2" class="layui-btn layui-btn-primary  layui-btn-sm">查看TA的退回订单</button>
  </div>
  <div class="line"></div>
  <ul class="address-list" id="address-list">
  	<span style="display: none;" class="base-address" id="base-address">默认地址</span>
  </ul>
  <div class="title-content">余额收入明细</div>
  <div class="table-base">
  	  <table border="1" id="table1">
		  <tr>
		    <th>来源</th>
		    <th>下单时间</th>
		    <th>审核打款时间</th>
		    <th>打款金额</th>
		  </tr>
		</table>
  </div>

  <div class="title-content">余额提现明细</div>
  <div class="table-base">
  	  <table border="1" id="table2">
		  <tr>
		    <th>类型</th>
		    <th>提现时间</th>
		    <th>提现金额</th>
		    <th>提现状态</th>
		  </tr>
		</table>
  </div>
</div>
<style type="text/css">
	.layui-form-label {width: 120px;}
	.line{width: 100%;border-bottom: 1px solid #000;margin: 20px 0;}
	.title-top1{width: 100%;height: 80px;line-height: 80px;clear: both;margin-bottom: 20px;}
	.title-top1 img{width: 80px;height: 80px;display: block;border-radius:50%;float: left;margin-right: 20px;}
	.title-top1 span{float: left;margin-right: 20px;}
	.is_official_account{width: 200px;height: 30px;text-align: center;line-height: 30px;float: left;margin-top: 24px;background: #f0f0f0;cursor: pointer;}
	.is_official_account1{margin-top: 0;}
	.title-content{line-height: 30px;width: 100%;}
	.title-content1{line-height: 30px;width: 100%;height: 30px;margin-bottom: 10px;}
	.address-list{width: 100%;height: auto;clear: both;position: relative;margin-bottom: 30px;overflow: auto;}
	.address-list li{width: 40%;height: 170px;border: 1px solid #ccc;padding: 30px;margin-bottom: 20px;}
	.address-list li:nth-of-type(odd){ float: left;}
    .address-list li:nth-of-type(even){float: right;}
    .address-list li p:nth-child(1){margin-bottom: 15px;}
    .address-list li p:nth-child(2){margin-bottom: 15px;}
    .base-address{width: 100px;height: 30px;text-align: center;line-height: 30px;background: #F0F0F0;position: absolute;left: 35%;top: 20px;}
    table{width: 100%;text-align: center;}
    .table-base{margin-bottom: 20px;max-height: 600px;overflow: auto;width: 100%;}

</style>